<div style="margin: 0px; padding: 0px; width: 50%; height: 50%;">
	&nbsp;Arztinfo&nbsp;&nbsp;<img id="arzt_edit" style="cursor: pointer;" src="./style/edit.jpg">
	<div style="overflow-x: auto; max-height:90%; margin:10px;">
		id: $id<br>
		titel: $titel<br>
		name: $name<br>
	</div>
</div>
<div style="margin: 0px; padding: 0px; width: 50%; height: 50%;">
	letzte Aktivit&aumlt&nbsp;&nbsp;<img id="activities_edit" style="cursor: pointer;" src="./style/edit.jpg">
	<div style="overflow-x: auto; max-height:90%; margin:10px;">
		
	</div>
</div>
<div style="margin: 0px; padding: 0px; width: 50%; height: 50%;">
	Praxisinfo&nbsp;&nbsp;<img id="praxis_edit" style="cursor: pointer;" src="./style/edit.jpg">
	<div style="overflow-x: auto; max-height:90%; margin:10px;">
	</div>
</div>
<div style="margin: 0px; padding: 0px; width: 50%; height: 50%;">
	Notizen&nbsp;&nbsp;<img id="notes_edit" style="cursor: pointer;" src="./style/edit.jpg">
	<div style="overflow-x: auto; max-height:90%; margin:10px;">
	</div>
</div>
<div id="edit_box" align="center" style="display: none; background-color:99AA99; position: absolute; left: 0px; top: center; margin: auto; padding: auto; width: 680px; height:400px;">
	<div id="edit_box_close" style="position: absolute; right:10px; top: 5px; cursor: pointer;">
	X
	</div>
	<!-- Arztinformationen bearbeiten -->
</div>

<!-- <script type="text/javascript" src="jquery/jquery-1.11.2.js"></script> -->    
<script type="text/javascript" language="javascript">
  // Arztinfo öffnen und schliessen
	$( "#arzt_edit" ).click( function() {
		  $( "#edit_box" ).css('display', 'inline');
		  var html_code = $( "#edit_box" ).html();
		  html_code = html_code + "<br>Arztinfo";
		  $( "#edit_box" ).html( html_code );
		  $( "#edit_box_close" ).bind( "click", function() {
			$( "#edit_box" ).css('display', 'none');
		  });
    });
    // Aktivitäten öffnen und schliessen
	$( "#activities_edit" ).click( function() {
		  $( "#edit_box" ).css('display', 'inline');
		  var html_code = $( "#edit_box" ).html();
		  html_code = html_code + "<br>letzte Aktivit&auml;ten";
		  $( "#edit_box" ).html( html_code );
		  $( "#edit_box_close" ).bind( "click", function() {
			$( "#edit_box" ).css('display', 'none');
		  });
    });
    // Praxisinfo öffnen und schliessen
	$( "#praxis_edit" ).click( function() {
		  $( "#edit_box" ).css('display', 'inline');
		  $( "#edit_box" ).html( "Praxisinfo" );
    });
    // Notizen öffnen und schliessen
	$( "#notes_edit" ).click( function() {
		  $( "#edit_box" ).css('display', 'inline');
		  $( "#edit_box" ).html( "Notizen" );
    });
</script>